/*
	JQuery Accordion
	Author: marcoarib
	Date: 2013/05/29
	Contact: marco.arib@gmail.com
*/


@import "font-awesome.css";

.accordion{
	width: 100%;
	font-family: Segoe UI, Arial;
}
.accordion-header{
	margin: 0;
	height: 40px;
	font-size: 18px;
	color: #777;
	cursor: pointer;
	z-index: 100;
	border: solid 1px #c9c9c9;
	background: #eaeaea;
	background: url();
	background: -moz-linear-gradient(top, #eaeaea 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(top, #eaeaea 0%,#f0f0f0 100%);
	background: -o-linear-gradient(top, #eaeaea 0%,#f0f0f0 100%);
	background: -ms-linear-gradient(top, #eaeaea 0%,#f0f0f0 100%);
	background: linear-gradient(to bottom, #eaeaea 0%,#f0f0f0 100%);
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
	transition: color 0.5s ease-in-out;
	border-radius: 4px;
}
.accordion-header span.title{
	display: inline-block;
	margin: 6px 0 0 60px;
	position: absolute;
}
.accordion-header i{
	display: inline-block;
	float: left;
	font-size: 26px;
	margin: 5px 15px 0;
	margin-top: 7px \9;
	position: absolute;
}
.accordion-content{
	display: none;
	padding: 0 10px 20px;
	border-left: solid 1px #c9c9c9;
	border-right: solid 1px #c9c9c9;
	border-bottom: solid 1px #c9c9c9;
	z-index: 1;
	background: #f1f1f1;
}

/* header focus style
-----------------------------*/
.focus{
	color: #fff;
	background: #999999;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.opened{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* grid system
-----------------------------*/
.accordion-content .row{
	width: 100%;
	margin-top: 15px;
}
.accordion-content .row:first-child {
	margin-top: 0;
}
.accordion-content .row:before,
.accordion-content .row:after {
	display: table;
	content: "";
	line-height: 0;
}
.accordion-content .row:after {
	clear: both;
}
.accordion-content .row .col1,
.accordion-content .row .col2,
.accordion-content .row .col3,
.accordion-content .row .col4{
	display: block;
	width: 100%;
	min-height: 20px;
	float: left;
	margin-left: 2.127659574468085%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.accordion-content .row [class*="col"]:first-child {
	margin-left: 0;
}
.accordion-content .row .col1{
	width: 23.404255319148934%;
}
.accordion-content .row .col2{
	width: 48.93617021276595%;
}
.accordion-content .row .col3{
	width: 74.46808510638297%;
}
.accordion-content .row .col4{
	width: 100%;
}

/* styles
-----------------------------*/
.black .focus{ background: #111111 !important; }
.grey .focus{ background: #999999 !important; }
.blue .focus{ background: #1a7edc !important; }
.green .focus{ background: #5FB00C !important; }
.red .focus{ background: #DA3610 !important; }
.orange .focus{ background: #ff6600 !important; }
.pink .focus{ background: #ea4c88 !important; }
.purple .focus{ background: #993399 !important; }


/* responsive layout
-----------------------------*/
@media (max-width: 480px) {
	.accordion-content .row [class*="col"]{
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.accordion-content .row:first-child  [class*="col"]:first-child {
		margin-top: 0;
	}
	.accordion-content .row{
		margin-top: 0;
	}
}



















